<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/register.css">
    <!-- <script src="../js/libs/require.js" data-main="../js/mainR.js"></script> -->
</head>
<style>
    .jugeSpan {
        display: none;
    }

    .active {
        display: block;
        color: red;
        font-size: 16px;
    }

    .activeTure {
        color: green;
        font-size: 16px;
    }
</style>

<body>
    <!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
        data-whatever="@mdo">注册</button> -->

    <!-- <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> -->
    <div id="nav" class=" clearfix">
        <div class="nav_left">
            <a href="">
                <img src="https://p4.lefile.cn/fes/cms/2021/09/24/skz7mq0zavm0hd8xfaq0nrofxcwje3959207.png" alt="">
            </a>
        </div>
        <ul class="ulLeft clearfix">
            <li><a href="news.html">新品</a></li>
            <li><a href="custom.html">定制</a></li>
            <li><a href="">北京消费卷</a></li>
            <li><a href="">学生</a></li>
            <li><a href="">游戏</a></li>
            <li><a href="">直播</a></li>
            <li><a href="">试用</a></li>
            <li><a href="">乐豆购</a></li>
            <li><a href="">0元购</a></li>
        </ul>
        <div class="right">
            <a href="">
                <span></span>
            </a>
            <input type="text" latag="latag_pc_search_keyword" placeholder="北京绿色消费券" placeholder-key="北京绿色消费券"
                placeholder-url="https://activity.lenovo.com.cn/tsyx/xfq.html">
            <!-- </div> -->
        </div>
    </div>

    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button> -->
                <h4 class="modal-title" id="exampleModalLabel">注册联想会员</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">

                        <label for="recipient-name" class="control-label">用户名：</label>
                        <input type="text" class="form-control" id="recipient-name">
                        <span class="jugeSpan">用户已注册</span>
                    </div>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">手机号：</label>
                        <input type="text" class="form-control" id="recipient-phone">
                        <span class="jugePhone"></span>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">密码：</label>
                        <input type="password" class="form-control" id="message-text"
                            placeholder="请输入字母开头6-12位的密码"></input>
                        <span class="keyWord"></span>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">确认密码：</label>
                        <input type="password" class="form-control" id="message-text1"></input>
                        <span class="sureKey"></span>
                    </div>
                    <span class="agree">
                        <input type='checkbox'>
                        已阅读并同意
                        <a href="">注册协议</a>
                        和
                        <a href="">隐私政策</a>
                    </span>

                </form>
            </div>
            <div class="modal-footer">
                <!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
                <button type="button" class="btn btn-primary register" id="button1">注册</button>


            </div>
            <div class="last">
                <span class="agree">
                    已有账号
                    <a href="login.html">点击登录</a>
                </span>
                <span class="agree">
                    想返回首页?
                    <a href="../index.html">点击返回</a>
                </span>
            </div>
            
        </div>
    </div>
    <div id="service">
        <div class="middle container"><img src="../imgaes/index/质保.png"></div>
    </div>
    <footer></footer>
    <!-- </div> -->
    <script src="../js/libs/require.js" data-main="../js/mainR.js"></script>
</body>

</html>